
/*main*/

/*alert-block*/
.alertInfo{width: 84%;height: 41px;z-index: 9999;left: 15%;top: 0;position: relative;left:15%;top: 0;z-index: 9999;
	padding-left: 1%;line-height: 41px;z-index: 9999;font-size: 12px;background: orange;}
.alertBox{display: none;}
.error-block{color: #b94a48;background: #f8e5e5;}
.success-block{color: #468847;background: #dff0d8;}
.alertInfo .close{color: #000000;float: right;font-size: 20px;font-weight: bold;line-height: 18px;opacity: 0.2;
	text-shadow: 0 1px 0 #ffffff;line-height: 41px;margin-right: 2%}

.alertInfo .line{display: inline-block;width: 0%;height: 1px;left:0;bottom: 0;position: absolute;}
.error-block .line{background: #ecbcbc;}
.success-block .line{background: #c4e4b7}
a.linkUrl{ float:right;margin-right:20px; }
.main{position: absolute;left:15%;width:85%;background: #eaedf1;height:91%;padding-bottom: 20px;transition:0.3s linear;
	top: 9%;z-index: 9999
}


.validate-info{margin-left: 10px;color: red;}
.input-alert{border: 1px solid red;}

/**/
.sysPageHead{width: 200%;height:70px;border-bottom: 1px solid #d8d8d8;line-height: 70px;font-size: 20px;color: #666666;
	font-weight: normal;padding-left: 20px;background: #fff;}
.sysPageDot{width:50px;height:50px;line-height:50px;text-align: center;background: #e74c3c;border-radius: 50%;
	display: inline-block;margin-right: 15px;
}
.textHide{font-size: 0px;}
.sysPageDot img{vertical-align: middle;width: 55%}
.infoForm{padding: 30px;}

/*taskMgmt*/
.infoSysmCon .taskModule{width: 32%;margin-right: 1.333333%;background: #fff;float: left;display: inline;
	position: relative;padding-bottom: 100px;}
.infoSysmCon .taskModule .more{display: inline-block;width: 120px;height: 32px;line-height: 32px;border:1px solid #e74c3c;
	font-size: 14px;border-radius: 25px;position: absolute;bottom: 35px;left: 35%;text-align: center;}
.taskModule .more a{color: #e74c3c;display: inline-block;width: 120px;height: 32px;}

.taskModule h2{height: 102px;background: #254575;position: relative;text-align: center;font-size: 24px;color: #fff;
	font-weight: normal;line-height: 60px;}
.taskModule h2 .taskIcon{display: inline-block;background: #5cabe6;width: 64px;height: 64px;line-height: 64px;position: absolute;
	top:65%;left:43%;border:5px solid #fff;border-radius: 50%;font-size: 0px;}
.taskModule .taskIcon img{width: 36px;vertical-align: middle;}

.taskList{padding:50px 24px 0;}
.taskList li{border-bottom: 1px dashed #cfcfcf;font-size: 14px;color: #707070;padding: 12px 0}
.taskList li .taskListText{display: inline-block;width: 65%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #666}
.taskList .taskListIcon{display: inline-block;width: 21px;height: 21px;line-height: 21px;text-align: center;
	border-radius: 50%;margin-right: 5px;background: url(../images/sysListIcon2.png) no-repeat center center;
	background-size: 60% 60%;vertical-align: bottom;}
.taskList .taskListIcon img{width: 14px;}
.taskList .red{background-color: #e74c3c}
.taskList .blue{background-color: #5cabe6}
.taskList .taskBtn{width: 62px;height: 20px;background: rgb(92,171,230);border-radius: 3px;display: inline-block;color: #f9f9f9;
	text-align: center;line-height: 20px;float: right;font-size: 12px;}
.taskList .taskBtnNo{width: 71px;height: 23px;background: rgb(160,160,160);border-radius: 5px;display: inline-block;color: #f9f9f9;
	text-align: center;line-height: 23px;float: right;}
.taskList .taskBtn:hover{background: rgba(160,160,160,0.8);}

.feedbackCon{ padding: 30px 20px 100px 30px;}
.feedbackCon .detailsList{padding: 5px 0; margin-bottom: 10px;}
.feedbackCon textarea{border-color: #dbe1e8;border-radius: 3px;}

.picUpload{margin-top: 30px;padding-left: 30px;}
.picUpload .uploadBtn{margin-bottom: 10px;}
.picUpload .uploadBtn a{width: 51px;height: 28px;background: #eaedf1;border:1px solid #dbe1e8;border-radius: 3px;
	display: inline-block;line-height: 28px;text-align: center;color: #454545;}
.picUpload .uploadBtn img{vertical-align: middle;margin-right: 15px;vertical-align: middle;}

.feedbackSub{margin: 30px 0px 0px 120px;}
.butImg{margin: 0px 0px 0px 30px;}
.feedbackSub a{text-align: center;display: inline-block;width: 130px;height: 37px;line-height: 37px;border-radius: 3px;}
.feedbackSub .sub{background: rgb(92,171,230);color: #fff;margin-right: 20px;}
.feedbackSub .sub:hover{background: rgba(92,171,230,0.8)}
.feedbackSub .calcel{background: rgb(219,225,232);color: #525252}
.feedbackSub .calcel:hover{background: rgba(219,225,232,0.8);}

/*scoreMgmt*/
.scoreShow{position: relative;width: 400px;height: 400px;margin: 60px 0 0 60px;float: left;margin-bottom: 10%;}
#circle{position: absolute;left:0;top: 0}
.scoreShow .scoreVal{position: absolute;left:35%;top: 35%;font-size: 48px;color: #5cabe6;font-weight: bold;}

.scoreCheck{float: left;margin-top: 125px;padding-top: 20px;padding-left: 40px;}
.scoreCheck h2{font-size: 28px;font-weight: normal;color: #545454;margin-bottom: 30px;}
.scoreCheck p a{display: inline-block;width: 149px;height: 42px;background: #5cabe6;border-radius: 3px;
	border:1px solid #4295d3;line-height: 42px;text-align: center;color: #fff;font-size: 14px;}
.scoreCheck p a:hover{background: rgba(92,171,230,0.8);}

/*iot*/
.searchTop{height: 40px;background: #fff;padding: 18px 0 10px 20px}
.iotTableList{margin-top: 20px;background: #eee;}
.iotTableList table{width: 100%;font-size: 12px;color: #5b5b5b;text-align: center;background: #fff}
.iotTableList table thead{color: #404041;height: 40px;line-height: 40px;background: #f9fafc;}
.iotTableList thead th{border-bottom:1px solid #eaedf1}
.iotTableList tbody tr{height: 64px;line-height: 64px;}
.iotTableList tbody td{border-bottom:1px solid #eaedf1;}
.iotStyle tbody td a{color: rgb(92, 171, 230);}

.iotSysmCon{margin: 15px 0 0 1%;color: #a5a5a5;font-size: 14px;width: 99%;height: 88%;padding-bottom:1%;
	min-height: 20%;position: relative;overflow-y:auto;padding-bottom: 1%}
.iotSysmCon .iotTableList{position: absolute;left:0;top: 68px;width: 100%;height: 88%;background: #fff;}

.iotSysmCon .inp{width: 158px;height: 31px;border:1px solid #e2e3ea;border-radius: 3px;	padding-left: 10px;line-height: 31px;}

.iotTop input[type='submit']{background: #5cabe6;width: 76px;height:32px;border:none;color: #fff;border-radius: 3px;
	cursor: pointer;}
.iotTop input[type='submit']:hover{background: rgba(92,171,230,0.8);}
.iotTop input{margin-left: 10px;}
.iotTop .reset{background: #5cabe6;width: 76px;height:32px;border:none;color: #fff;border-radius: 3px;
	cursor: pointer;}
.iotTop .reset:hover{background: rgba(92,171,230,0.8);}

.iotInfoTable .higherThan{color:#e95849;}
.iotInfoTable .lowerThan{color:#e95849;}
.iotInfoTable  .normal{color: #666666}
.iotInfoTable .lowerThan .timeDate{background: #5cabe6;}
.iotInfoTable .normal .timeDate{background: #3cc118;}
.iotInfoTable .higherThan .timeDate{background: #eb6877;}
.normalRange{color: #3cc118}


.iotInfoTable tr span{display: inline-block}

.iotInfoTable tr .dataSum{width: 100%;height: 21px;background: #eaedf1;border-radius: 10px;vertical-align: middle;
	position: relative;}

.iotInfoTable tr .timeDate{position: absolute;left:0;top: 0;width:0;height: 21px;background: #3cc118;border-radius: 10px;
	text-align: center;transition:1s;line-height: 21px;color: #fff;font-size: 12px;}

.probeTop a{display: inline-block;width: 169px;height: 31px;line-height: 31px;text-align: center;border: 1px solid #5cabe6;
	border-radius: 3px;color: #5cabe6}
.probeTop a.active{background: #5cabe6;color: #fff;}
/*proCheck*/
.unFinish h2{height: 74px;line-height: 74px;border-bottom: 1px solid #eeeeee;margin: 0 20px;
	font-size: 20px;color: #393939;font-weight: normal;padding-left: 10px;}
.infoSysmCon .unFinishedTask{padding: 0px 20px 10px 20px;}
.unFinishedTask .unFinishInfo{display: inline-block;width: 60%;text-overflow:ellipsis;overflow:hidden;
	white-space:nowrap}
.unFinishedTask .details{display: inline-block;width:80px;height: 26px;line-height: 26px;text-align: center;background: #eaedf1; margin-top: 5px;
	border:1px solid #dbe1e8;border-radius: 3px;font-size: 12px;color:#393939;margin-left: 30px;float: right;}
.unFinishedTask .details:hover{background: rgba(234,237,241,0.8);}
.unFinishedTask li{padding: 15px 0;border-bottom: 1px dashed #ccc;width: 100%; font-size: 12px; height: 38px; line-height: 38px;}

.feedbackCon{color: #393939;}
.scoreDetails .detailsList{padding: 10px 0;}
.detailsList .listText{display: inline-block;width:120px;vertical-align: top;color: #9b9a9a; text-align: right; margin-right: 15px;}
.detailsList textarea{resize:none;width: 450px;border-radius: 3px;border:1px solid #dbe1e8; height: 35px;
	padding: 0px 10px; line-height: 35px;font-size: 12px;}
.detailsList .taskDesc{height: 60px;padding: 2px 10px 10px 10px;width: 450px;font-family:"微软雅黑";font-size: 12px;}

.scoreDetails .detailsCon{padding: 30px 20px 10px 30px;}
.detailsClose{padding-top: 30px; text-align: left; padding-left: 23px;}
.detailsClose a.ceckbut{text-align: center; margin-left:110px;}
.detailsClose a{display: inline-block;width: 130px;height: 37px;line-height: 37px;background: #5cabe6;
	text-align: center;color: #fff;border-radius: 3px;}
.detailsClose a:hover{background: rgba(92,171,230,0.8);}



/*activity*/
.reportTable{font-size: 14px;}
.createReport{display: inline-block;}
.createReport a{display: inline-block;width: 171px;height: 33px;line-height: 33px;background: #e74c3c;text-align: center;
	color:#fff;border-radius: 3px;cursor: pointer;} 
.createReport a:hover{background: rgba(236,71,60,0.8);} 
.searchTop .search{margin-right: 20px;}
.searchTop .search .inp{width: 165px;height: 31px;padding-left: 5px;border:1px solid #e2e3ea;margin-right: 15px;
	border-radius: 3px;line-height: 31px;}
.searchTop .search .sub{width: 76px;height: 32px;line-height: 32px;background: rgb(92,171,230);color: #fff;border:none;
	border-radius: 3px;cursor: pointer;}
.searchTop .search .sub:hover{background: rgba(92,171,230,0.8)}

.reverseBtn a{border-radius: 3px;color: #e74c3c ;display: inline-block;height: 31px;line-height: 31px;text-align: center;
	width: 171px;border:1px solid #e74c3c;}

.iotTableList .checkDetails{display: inline-block;width: 75px;height: 26px;line-height: 26px;background: rgb(92,171,230);
	color: #fff;border-radius: 3px;}
.iotTableList .checkDetails:hover{background: rgba(92,171,230,0.8);}

.reportTable td{vertical-align: middle;}
.reportTable td img{vertical-align: middle;}

.iotTableList .reporting{color: #2282c9;}
.iotTableList .reported{color: #229c39;}

.reportCon{width: 100%;height: 85%;background: #fff}
.reportBody{background: #fff;padding: 30px 0 30px 20px;color: #171717;}
.reportBody .inp{width: 440px;height: 35px;border:1px solid #dbe1e8;border-radius: 3px;line-height: 35px;}
.reportBody .reportTit{display: inline-block;width: 155px;text-align: right;color: #676a6c}
.reportBody .reportList{margin-bottom:20px;clear: both;}
.checkInp{border: 1px solid #dbe1e8;border-radius: 3px;display: inline-block;height: 35px;line-height: 35px;
    padding: 0 5px;width: 286px;vertical-align: middle;}

.picRelate img{border-radius: 50%;width:126px;height:126px;vertical-align: middle;margin-right: 15px;}
.picRelate .reportBtn{padding-left: 117px;padding-top: 24px;}
.picRelate .reportBtn a{display: inline-block;width: 172px;height: 43px;line-height: 43px;text-align: center;
	color: #fff;background: #5cabe6;border-radius: 3px;}
.picRelate .reportBtn a:hover{background: rgba(92,171,230,0.8);}	
.picRelate .reportBtn a:nth-of-type(2){background: #e74c3c;margin-left: 25px;}
.picRelate .reportBtn a:nth-of-type(2):hover{background: rgba(231,76,60,0.8);margin-left: 25px;}

.sysComStyle .search .inp{width: 120px;vertical-align: middle;}
.sysComStyle .search .selectLg{width: 160px;height: 31px;}
.sysComStyle .search .sub{vertical-align: bottom;}
.sysComStyle .search select.myselect {width: 240px;}

.main .createReport a{color: #fff}

.reverseTog a{background: #e74c3c!important; color: #fff!important}

.toggle{background: #e74c3c }

.picTextMore p{margin-top: 15px}

.iotSysmCon .searchTop input{margin-top: 0}


.reverseOrder a{display:inline-block;height:31px;line-height:31px;border:1px solid #e74c3c;
	background:#fff;color:#e74c3c;width: 171px;text-align: center;border-radius: 3px;}
.reverseOrder a img{vertical-align: middle;}

.errorInfoSet .float{min-width: 530px;}

/*图片上传*/

.detailsRmkItem {
    border:1px solid rgb(92, 171, 230);
    color: rgb(92, 171, 230);
    margin-left: 0;
    margin-right: 15px;
    padding:2px 8px;
    border-radius: 3px;
    width: 105px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
#file_list img{
    display: inline-block;
    width: 126px;
    height: 126px;
    border-radius: 50%;
}
#file_list p{
    display: inline-block;
   	position: relative;
   	margin-bottom: 10px;
}
#file_list p span{
    position: absolute;left:0;top: 0;width: 126px;height: 126px;background: rgba(0,0,0,0.6);border-radius: 50%;margin-bottom: 10px;
    text-align: center;color: #fff;font-weight: bold;cursor: pointer;vertical-align: middle;display: none;
    display: inline-block;display: none;line-height: 126px;
}
#file_list p span img{width: 26px;height: 26px;vertical-align: middle;-webkit-transform-origin:center middle;transform-origin:center middle;
	-moz-transform-origin:center middle;display: inline-block;cursor: pointer;}
/*#file_list p span{
    cursor: pointer;
    display: inline-block;
    width: 70px;
    height: 22px;
    background: #e74b3c;
    border-radius: 3px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin-left: 25px;
    margin-top: 10px;

}*/

.reverseOrder {display:inline-block;height:31px;line-height:31px;border:1px solid #e74c3c;
	background:#fff;color:#e74c3c;width: 171px;text-align: center;border-radius: 3px;cursor: pointer;position: relative;}
.reverseOrder a{}
.reverseOrder a img{vertical-align: middle;}
.reverseTog{background: #e74c3c!important; color: #fff!important}

.searchShow{margin-left: 145px;border:1px solid #dbe1e8;width: 296px;padding: 5px 0;margin-top: -1px;z-index: 9999;
	display: none;max-height: 300px;overflow: auto;position: absolute;background: #fff;}
.searchShow a{color: #999;display: inline-block;line-height: 24px;width: 96%;padding: 0 2%}
.searchShow a:hover{background: #eeeeee;}

.sampleBtn{display: inline-block;padding: 5px 10px;color: #5cabe6 ;border: 1px solid #5cabe6 ;border-radius: 3px;
	width: 105px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:0 10px 10px 0;
	font-size: 12px;
}
.comSample  span img{position: fixed;top: 0;left:25%;width: 50%;max-height:80%;z-index: 99999}

.uploadBody{float: left;width: 80%;}

.reportList{clear: both;}